﻿<!--<div class="" id="hotdot-nav">
  <div class="hotdot-wrap">
    <div class="hotdot"></div>
  </div>
  <menu>
    <a href="{$indexurl}" class="homepage-menu">
      <div>首页</div>
    </a>
    <a href="/shop/list.aspx?wid={$wid}&openid={$openid}&cid=0" class="search-menu">
      <div>搜索</div>
    </a>
    <a href="javascript:;" class="category-menu">
      <div>分类</div>
    </a>
    <a href="/shop/userinfo.aspx?wid={$wid}&openid={$openid}" class="order-menu">
      <div>订单</div>
      <i>4</i>
    </a>
  </menu>
</div>-->
<!--头部-->
<style>
  .header {
    clear: both;
    height: 42px;
    line-height: 40px;
    overflow: hidden;
    text-align: center;
    color: #fff;
    font-size: 20px;
    min-width: 320px;
    position: relative;
    background-color: #262626;
    background: -webkit-gradient(linear, left top, left bottom, from(#292626), to(#262626));
    background-image: -moz-linear-gradient(top, #292626, #262626);
    background-image: -o-linear-gradient(top, #292626, #262626);
    background-image: linear-gradient(top, #292626, #262626);
  }

  .hd_right {
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: middle;
  }

    .hd_right a {
      display: inline-block;
      margin: 7px 10px;
      vertical-align: middle;
    }

      .hd_right a.right_but {
        width: 23px;
        height: 23px;
        background: url(/shop/templates/cdrt/images/icon.png) -176px -9px no-repeat;
        background-size: 354px 354px;
      }

      .hd_right a.gwc {
        width: 34px;
        height: 23px;
        text-align: left;
        position: relative;
        background: url(/shop/templates/cdrt/images/icon.png) -130px -9px no-repeat;
        background-size: 354px 354px;
      }

        .hd_right a.gwc span {
          background: #d71249;
          text-align: center;
          font-size: 14px;
          color: #fff;
          position: absolute;
          left: 0;
          top: 0;
          height: 17px;
          line-height: 17px;
          min-width: 18px;
          overflow: hidden;
          -webkit-border-radius: 10px;
          -moz-border-radius: 10px;
          -ms-border-radius: 10px;
          -o-border-radius: 10px;
          border-radius: 10px;
        }
         .cart {
      display: inline-block;
      position: relative;
      top: 10px;
      width: 23px;
      height: 23.5px;
      background: url(templates/cdrt/images/cart_icon.png) no-repeat;
      -webkit-background-size: 23px 23.5px;
      -moz-background-size: 23px 23.5px;
      background-size: 23px 23.5px;
      text-decoration: none;
      float: right;
    }
</style>

<header id="header" data-am-widget="header" class="am-header am-header-white">
  <div class="am-header-left am-header-nav">
     <a class="right_but" href="/shop/navigate.aspx?wid={$wid}&openid={$openid}">
      <i class="am-header-icon am-icon-bars"></i>
    </a>
  </div>

  <div class="am-header-title">
    <div class="am-form-group am-form-icon">
      <input type="search" class="am-form-field am-round" id="search1" placeholder="请输入关键字..." >
    </div>
  </div>

  <!--<div class="am-header-right am-header-nav">
    <span class="hd_right right">
      <a class="gwc" href="{$carturl}">
        <span id="count"></span>&nbsp;
      </a>
    </span>
  </div>-->
  <div class="am-header-right am-header-nav">
      <img src="/images/search.png" id="btnSearch"/> 
      <a  href="{$carturl}&rtn=shop">
      <i class="am-header-icon am-icon-shopping-cart"></i>
      <i id="count" class="am-badge am-badge-danger am-round" style="font-style:normal;"></i>
    </a>
  </div>
</header>
<!--<header id="header" style="background:#EBECEA;color: #EBECEA;">
  <a class="navbar fl" href="javascript:;" style="z-index:999;">
    <span style="background-color:Black;z-index:999;"></span>
    <span style="background-color:Black;z-index:999;"></span>
    <span style="background-color:Black;z-index:999;"></span>
  </a>
  <div class="bar" style="z-index:auto;padding-left:3rem;padding-right:3rem;background-color:transparent;">
    <div class="searchbar" style="background-color: transparent;">
      <a class="searchbar-cancel">取消</a>
      <div class="search-input" >
        <label class="icon icon-search" for="search"></label>
        <input  type="search" id='search' placeholder='输入关键字...' />
      </div>
    </div>
  </div>
  <div class="fr">
    <a class="search fl" href="/shop/list.aspx?wid={$wid}&openid={$openid}&cid=0"></a>
    <a class="cart fl" href="{$carturl}&rtn=shop"><i id="count"></i></a>
  </div>-->
<!--<a class="logo" href="#">
  <img src="{$shopconfig.logo}" width="75" alt="logo">
</a>-->
<!--<nav>
  <div class="toolbar-nav">
    <a class="close fl" href="javascript:;">&times</a>
    <div class="fr">
      <a class="search fl" href="/shop/list.aspx?wid={$wid}&openid={$openid}&cid=0"></a>
    </div>
    <span>分类</span>
  </div>
  <vt:function var="category" method="getCategory" type="$this" />
  <vt:foreach from="$category" item="c" index="i">
    <a class="ciw-btn" href="{$c.link_url}">
      <img src="{$c.ico_url}" class="ci-ciw-btn fridge-icon" />
      <span class="w-ciw-btn">{$c.title}</span>
    </a>
  </vt:foreach>
</nav>-->
</header>

<script type="text/javascript">
  function search(key) {
    window.navigate("");
  }
</script>